import React, { Component } from "react";
import MainLayout from "../../../component/mainLayout/mainLayout";
import { Accordion, Modal } from "antd-mobile";
import yhTools from "@tools/yh";
import "./XhbPayHelp.scss";
class XhbPayHelp extends Component {
	constructor(props) {
		super(props);
		this.state = {
			visibleModal: false
		};
	}
	handleCallPhone = () => {
		let callPhoneData = {
			telphone: "4006906663"
		};
		yhTools.callPhone(callPhoneData);
	};

	render() {
		const headerParams = {
			header: {
				title: "常见问题"
			},
			history: this.props.history
		};
		return (
			<MainLayout pageParams={headerParams}>
				<div className="question-page productproblem">
					<div className="bg"></div>
					<div className="tab-content1">
						<Accordion defaultActiveKey="0" className="custo-acc">
							<Accordion.Panel header="1、什么是小辉宝？" className="pad">
								<p className="info-content">
									答：小辉宝是永辉金融与合作银行推出的福利平台，用户在使用小辉宝的过程中可以免费获得“辉豆”，“辉豆”可用于永辉超市购物消费。
								</p>
							</Accordion.Panel>

							<Accordion.Panel
								header="2、华通银行与永辉金融是什么关系？"
								className="pad"
							>
								<p className="info-content">
									小辉宝产品及相关金融服务由永辉金融合作华通银行提供，永辉金融作为信息展示平台，存款交易通过用户在华通银行开通的电子账户完成。
								</p>
							</Accordion.Panel>

							<Accordion.Panel
								header="3、小辉宝产品是否受银行存款保险保障？"
								className="pad"
							>
								<p className="info-content">
									小辉宝是标准的银行存款，完全按照国家监管要求执行存款保险条款。
								</p>
							</Accordion.Panel>

							<Accordion.Panel
								header="4、为什需要开通华通银行电子账户？"
								className="pad"
							>
								<p className="info-content">
									根据监管要求，银行接受用户存款，需先为用户开立账户；并且，通过电子账户与银行交易，资金安全有保障
								</p>
							</Accordion.Panel>
							<Accordion.Panel header="5、如何进行大额转账？" className="pad">
								<p className="info-content">
									由于绑定银行卡线上转账有限额，需要复制您的华通银行电子账户号，登录绑定银行卡开户行的网页或手机APP，通过转账功能转入金额；您也可以选择通过绑定银行卡的线下网点完成转账。
								</p>
								<p className="info-content">
									特别提醒：不能通过非绑定银行卡转入资金。
								</p>
							</Accordion.Panel>
							<Accordion.Panel
								header="6、小辉宝的福利如何计算？"
								className="pad"
							>
								<p className="info-content">
									小辉宝的福利根据用户每日24时账户达标余额计算，采取四舍五入计数规则进行奖励统计，并于次日发放到账。
								</p>
							</Accordion.Panel>
							<Accordion.Panel header="7、如何更换绑定银行卡？" className="pad">
								<p className="info-content">
									请拨打华通银行客服电话：400-8219-666
								</p>
							</Accordion.Panel>
						</Accordion>
					</div>

					<div className="noproblem">
						<span className="no">没有找到合适的帮助信息？</span>
						<span
							className="customerService"
							onClick={() => {
								this.setState({ visibleModal: true });
							}}
						>
							联系客服
						</span>
					</div>
					<Modal
						visible={this.state.visibleModal}
						transparent
						maskClosable={false}
						onClose={() => {
							this.setState({ visibleModal: false });
						}}
						footer={[
							{
								text: "确定",
								onPress: () => {
									this.setState({ visibleModal: false });
								}
							}
						]}
					>
						<p className="customer-service">
							请前往永辉金融公众号留言，或拨打客服热线
							<a href="javascript:;" onClick={this.handleCallPhone}>
								400-690-6663
							</a>
						</p>
					</Modal>
				</div>
			</MainLayout>
		);
	}
}

export default XhbPayHelp;
